﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="KoopWizard.aspx.cs" Inherits="KoopWizard" %>

<asp:Content ID="Content2" ContentPlaceHolderID="KopContent" runat="Server">
    Verkoop voorstellingkaarten
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentLeft" runat="Server">
    <asp:Wizard ID="Wizard1" SkinID="ticketwizard" runat="server" DisplayCancelButton="True"
        StepStyle-Width="500
            " Width="100%" Height="100%" CancelButtonText="Stop" FinishCompleteButtonText="Betaal"
        FinishPreviousButtonText="Vorige" StartNextButtonText="Verder" StepPreviousButtonText="Vorige"
        StepNextButtonText="Verder" ActiveStepIndex="0" OnActiveStepChanged="Wizard1_ActiveStepChanged"
        OnFinishButtonClick="Wizard1_FinishButtonClick" CancelButtonStyle-CssClass="stopButton"
        OnCancelButtonClick="OnCancelButtonClick">
        <CancelButtonStyle CssClass="stopButton"></CancelButtonStyle>
        <NavigationButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid"
            BorderWidth="1px" Font-Names="Verdana" Font-Size="XX-Large" ForeColor="#284775"
            Height="75px" Width="130px" />
        <NavigationStyle BackColor="#C70031" />
        <SideBarButtonStyle BorderWidth="0px" Font-Names="Verdana" ForeColor="White" />
        <SideBarStyle BackColor="#522641" BorderWidth="0px" HorizontalAlign="Center" Font-Size="Large"
            VerticalAlign="Top" Width="200px" />
        <StepStyle BackColor="#C70031" BorderWidth="0px" ForeColor="#5D7B9D" />
        <SideBarTemplate>
            <headtemplate>
        <h2>
        Stappen
        </h2>
        </headtemplate>
            <asp:DataList ID="SideBarList" runat="Server" HeaderStyle-Font-Bold="True" HeaderStyle-HorizontalAlign="Center"
                OnItemDataBound="SideBarList_ItemDataBound">
                <ItemTemplate>
                    <asp:Button ID="SideBarButton" CssClass="sidebarBtn" CommandName="MoveTo" BackColor="#FFFBFF"
                        BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana"
                        ForeColor="#284775" Font-Size="XX-Large" Width="180" Height="80" runat="Server" />
                </ItemTemplate>
                <SelectedItemTemplate>
                    <asp:Button ID="SideBarButton" CssClass="sidebarBtn" CommandName="MoveTo" BackColor="Green"
                        BorderColor="White" BorderStyle="Dashed" BorderWidth="1px" Font-Names="Verdana"
                        ForeColor="White" Font-Size="XX-Large" Width="180" Height="80" runat="Server" />
                </SelectedItemTemplate>
            </asp:DataList>
        </SideBarTemplate>
        <WizardSteps>
            <asp:WizardStep ID="KiesFilmSt" runat="server" Title="Film">
                <div class="filmdiv">
                    <asp:Repeater ID="filmaanbod" runat="server" OnItemCommand="FilmAanbod_ItemCommand">
                        <ItemTemplate>
                            <asp:LinkButton ID="film" runat="server" CssClass="linkbuttonFilm" CommandName="EditCategory"
                                CommandArgument='<%#DataBinder.Eval(Container.DataItem,"[0]") %>' Text="">
                                <div id="divclick" runat="server" class="tdfilminfo" commandargument='<%#DataBinder.Eval(Container.DataItem,"[0]") %>'>
                                    <div id="filmnaam">
                                        <p>
                                            <%#DataBinder.Eval(Container.DataItem,"[0]") %>
                                        </p>
                                    </div>
                                    <div id="filmimg">
                                        <asp:Image ID="Image1" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"[1]") %>'
                                            runat="server" Height="132" Width="112" />
                                    </div>
                                    <div id="filminfo">
                                        <p>
                                            3D:
                                            <%#DataBinder.Eval(Container.DataItem,"[2]") %>
                                            <br />
                                            <asp:Image ID="Image2" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"[3]") %>'
                                                runat="server" Height="18" Width="18" />
                                            <br />
                                            Versie:
                                            <%#DataBinder.Eval(Container.DataItem,"[4]") %>
                                        </p>
                                    </div>
                                </div>
                            </asp:LinkButton>
                        </ItemTemplate>
                    </asp:Repeater>
                    <div class="footerknop">
                        <asp:ImageButton ID="lnkPrevious" runat="server" OnClick="lnkPrevious_Click" CommandName="MoveTo"
                            Width="150" Height="80" ImageUrl="~/IMG/1330597489_Backward-64.png" />
                        <asp:ImageButton ID="lnkNext" runat="server" OnClick="lnkNext_Click" CommandName="MoveTo"
                            Width="150" Height="80" ImageUrl="~/IMG/1330597489_Forward-64.png" />
                    </div>
                </div>
            </asp:WizardStep>
            <asp:WizardStep ID="KiesTijdSt" runat="server" Title="Tijd">
                <div class="tijdDiv">
                    <asp:Label ID="TijdCheck" SkinID="geenFilm" runat="server" Text="U heeft nog geen film geselecteerd!"
                        Visible='true'></asp:Label>
                    <asp:Repeater ID="TijdenRepeater" runat="server" OnItemCommand="GekozenTijd_ItemCommand"
                        Visible='false'>
                        <HeaderTemplate>
                            <asp:Label ID="FilmTijden" SkinID="geenFilm" runat="server" Text="FILM!" CssClass="gekozenFilm"></asp:Label>
                            <asp:Image ID="kijkwijzerIMG" runat="server" Height="23" Width="23" />
                            <br />
                        </HeaderTemplate>
                        <ItemTemplate>
                            <div id="tijdButtonCSS">
                                <asp:LinkButton ID="LinkTijd" SkinID="geenFilmLink" runat="server" CssClass="LinkTijd"
                                    CommandArgument='<%#DataBinder.Eval(Container.DataItem,"[1]") %>' ClientIDMode="Predictable">
                                    <asp:Panel runat="server" ID="tijdButton">
                                        <asp:Label ID="Tijd" runat="server" Text=' <%#DataBinder.Eval(Container.DataItem,"[1]") %>'
                                            ClientIDMode="Predictable"></asp:Label>
                                        <br />
                                        Zaal:
                                        <asp:Label ID="ZaalID" runat="server" Text=' <%#DataBinder.Eval(Container.DataItem,"[2]") %>'
                                            ClientIDMode="Predictable"></asp:Label>
                                    </asp:Panel>
                                </asp:LinkButton>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
            </asp:WizardStep>
            <asp:WizardStep ID="KiesKaartSt" runat="server" Title="Kaarten">
                <div class="kaartdiv">
                    <asp:Label ID="KaartjeCheck" SkinID="geenFilm" runat="server" Text="U heeft nog geen film geselecteerd!"
                        Visible='true'></asp:Label>
                    <asp:Label ID="FilmInfo" SkinID="geenFilm" runat="server" Text=""></asp:Label>
                    <div class="rbRangDiv">
                        <asp:RadioButtonList CssClass="rbRangen" ID="RangButtonList" runat="server" RepeatDirection="Horizontal"
                            OnSelectedIndexChanged="RangButtonList_SelectedIndexChanged" AutoPostBack="true"
                            Visible='false' BackColor="Green" BorderStyle="Dashed" Width="600">
                            <asp:ListItem Value="Rang 1"></asp:ListItem>
                            <asp:ListItem Value="Rang 2"></asp:ListItem>
                            <asp:ListItem Value="Rang 3"></asp:ListItem>
                        </asp:RadioButtonList>
                    </div>
                    <br />
                    <asp:Repeater ID="Kaarten" runat="server" OnItemCommand="Kaarten_ItemCommand">
                        <HeaderTemplate>
                            <table class="tableKaart">
                                <tr>
                                    <td>
                                    </td>
                                    <td style="text-align: center;">
                                        Minder
                                    </td>
                                    <td style="text-align: center;">
                                        Aantal
                                    </td>
                                    <td style="text-align: center;">
                                        Meer
                                    </td>
                                    <td style="text-align: center;">
                                    </td>
                                    <td style="text-align: center;">
                                        Prijs
                                    </td>
                                    <td style="text-align: center;">
                                        Totaal
                                    </td>
                                </tr>
                                <tr>
                                </tr>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr>
                                <td id="naamKaart" style="text-align: left;">
                                    <asp:Label ID="Soort" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"[0]") %>'
                                        SkinID="kaartLabel" ClientIDMode="Predictable"></asp:Label>
                                </td>
                                <td style="text-align: center;">
                                    <asp:Button ID="Minder" runat="server" SkinID="kaartButtonMin" Text="-" CommandName="Minder"
                                        CommandArgument='<%#DataBinder.Eval(Container.DataItem,"[0]") %>' ClientIDMode="Predictable" />
                                </td>
                                <td style="text-align: center;">
                                    <asp:Label ID="Aantal" runat="server" Text="0" ClientIDMode="Predictable" SkinID="kaartLabel" />
                                </td>
                                <td style="text-align: center;">
                                    <asp:Button ID="Meer" runat="server" SkinID="kaartButtonPlus" Text="+" CommandName="Meer"
                                        CommandArgument='<%#DataBinder.Eval(Container.DataItem,"[0]") %>' ClientIDMode="Predictable" />
                                </td>
                                <td style="text-align: center;">
                                    x
                                </td>
                                <td style="text-align: center;">
                                    <asp:Label ID="Prijs" runat="server" Text=' <%#DataBinder.Eval(Container.DataItem,"[1]") %>'
                                        ClientIDMode="Predictable" SkinID="kaartLabel"></asp:Label>
                                </td>
                                <td style="text-align: center;">
                                    <asp:Label ID="Totaal" runat="server" Text="0.0" ClientIDMode="Predictable" SkinID="kaartLabel"></asp:Label>
                                </td>
                            </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                            <tr>
                            </tr>
                            <tr>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                    Totaal
                                </td>
                                <td style="text-align: center;">
                                    <asp:Label ID="TotaalAll" runat="server" Text="0.0"></asp:Label>
                                </td>
                            </tr>
                            </table>
                        </FooterTemplate>
                    </asp:Repeater>
                </div>
            </asp:WizardStep>
            <asp:WizardStep ID="KiesPlaatsSt" runat="server" Title="Plaatsen">
                <div class="plaatsDiv">
                    <div class="infoPlaats">
                        <asp:Panel ID="Plaasten" SkinID="plaatsPanel" runat='server' Visible='false'>
                            <asp:Label ID="AantalP" SkinID="geenFilm" runat="server" Text=""></asp:Label>
                            <asp:Label ID="Rang" SkinID="geenFilm" runat="server" Text=""></asp:Label>
                        </asp:Panel>
                    </div>
                    <asp:PlaceHolder ID="opvul" runat="server">
                        <asp:Image ID="Image3" runat="server" CssClass="opvul" ImageUrl="IMG/opvulAchtergrond.png"
                            Visible="true" />
                    </asp:PlaceHolder>
                    <asp:PlaceHolder ID="Zaal" runat="server"></asp:PlaceHolder>
                    <div class="legenda">
                        <br />
                        <asp:Image ID="Image1" runat="server" ImageUrl="IMG/vrij2.png" Visible="true" />
                        = Vrije stoel
                        <asp:Image ID="Image4" runat="server" ImageUrl="IMG/Tbezet2.png" Visible="true" />
                        = Geselecteerde stoel
                        <asp:Image ID="Image5" runat="server" ImageUrl="IMG/bezet2.png" Visible="true" />
                        = Bezette stoel
                        <asp:Image ID="Image6" runat="server" ImageUrl="IMG/nietBeschikbaar.png" Visible="true" />
                        = Stoel niet beschikbaar
                    </div>
                </div>
            </asp:WizardStep>
            <asp:WizardStep ID="KiesBetalingSt" runat="server" Title="Betaling">
                <div class="betaalKeuze">
                    <asp:RadioButtonList ID="rbBetKeuze" runat="server" CssClass="rbRangen" RepeatDirection="Horizontal"
                        AutoPostBack="true" CellPadding="2"  BackColor="Green" 
                        BorderStyle="Dashed" OnSelectedIndexChanged="rbBetKeuze_SelectedIndexChanged">
                        <asp:ListItem>Cash</asp:ListItem>
                        <asp:ListItem>Pin</asp:ListItem>
                        <asp:ListItem>Bioscoopbon</asp:ListItem>
                        <asp:ListItem>Tienrittenkaart</asp:ListItem>
                        <asp:ListItem>Abonnement</asp:ListItem>
                    </asp:RadioButtonList>
                </div>
                <div class="betKeuzeLab">
                    <asp:Label ID="betKeuzeLb" runat="server" Text=""></asp:Label>
                </div>
                <div class="resDiv">
                    <div class="resGegevens">
                        <h2>
                            <br />
                            Film:
                            <asp:Label ID="GekozenFilmLabel" runat="server" Text=""></asp:Label>
                            <br />
                            <br />
                            Tickets
                            <asp:Label ID="RangNummerLabel" runat="server" Text=""></asp:Label>
                            <br />
                            <asp:Label ID="Soort1Label" runat="server" Text=""></asp:Label>
                            <br />
                            <asp:Label ID="Soort2Label" runat="server" Text=""></asp:Label>
                            <br />
                            <asp:Label ID="Soort3Label" runat="server" Text=""></asp:Label>
                            <br />
                            <asp:Label ID="Soort4Label" runat="server" Text=""></asp:Label>
                            <br />
                            <asp:Label ID="DriedLabel" runat="server" Text=""></asp:Label>
                            <br />
                            <br />
                            <asp:Label ID="TotaalLabel" runat="server" Text="Totaal: €0,00"></asp:Label>
                        </h2>
                    </div>
                </div>
            </asp:WizardStep>
        </WizardSteps>
    </asp:Wizard>
</asp:Content>
